<template>
  <div class="advlist">
    <div>
      <el-menu :default-active="activeIndex" class="el-menu-demo" active-text-color="grey"  router>
        <el-menu-item index="yunshang">办公&养老&医疗</el-menu-item>
        <el-menu-item index="guotai">别墅</el-menu-item>
        <el-menu-item index="guibin">酒店</el-menu-item>
        <el-menu-item index="jiudian">展厅&会所</el-menu-item>
      </el-menu>
    </div>
    <Router-view></Router-view>
  </div>
</template>

<script setup lang='js'>
import { ref } from 'vue'
const activeIndex = ref('yunshang')
</script>

<style  scoped>
.advlist {
  width: 100%;
}

.el-menu {
  width: 100%;
  display: flex;
  font-size: 17px;
}

.el-menu-item {
  flex: 1;
}
:deep(img){
  width: 100%;
}
</style>
